<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	<!-- 	<link rel="stylesheet" type="text/css" href="css/index.css"> -->
		<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/new_file.js"></script>
		<script src="js/augument.js"></script>
	   
	</head>
	<style type="text/css">
		body {
			background-color: #000000;
		}
		.character{
			width:100%;
			height:100%;
			display: flex;
			justify-content:space-between;
		}
		.character a {
			
		}
		.character img {
			width: 300px;
			height: 300px;
			display:flex;
			background-position: -10px -10px;
			margin: 0.6%;
			transition: 2s;
			border: solid 1px white;
			filter: blur(.5px);
		}
		.character img:hover {
			transform:scale(.6);
			filter: none;
		}
		
		
	</style>
	<body>
		<div id="calendar">
			<div class="character">
				<img src="img/1.png" alt="">
				<img src="img/2.png" alt="">
				<img src="img/3.png" alt="">
				<img src="img/4.png" alt="">
			</div>
		
		</div>
		
    </body>
</html>
